<template>
	<view class="">
		<view class="search2-top">
			<view class="search2-top-left" @click="backFn">
				<image class="search2-top-left-img" src="../../../static/images/search1/back.png" mode=""></image>
			</view>
			<view class="search" @click="backSearch">
				<image class="search-img" src="../../static/images/realestate/cha@3x.png" mode=""></image>
			</view>
			<view class="search2-top-center">
				不动产登记—网通办
			</view>
			<view class="search2-top-right">
				<view class="search2-top-button">
					关于
				</view>
				<view class="search2-top-button">
					订阅
				</view>
			</view>
		</view>
		<view class="prove-top">
			<view class="prove-top-right">
				<image class="prove-top-back" src="../../static/images/realestate/back.png" mode="" @click="backFn"></image>
				<text>返回</text>
			</view>
			<view class="prove-top-center">
				查询须知
			</view>
			<view class="prove-top-left">
				<image class="prove-top-home" src="../../static/images/realestate/home.png" mode="" @click="backFn"></image>
			</view>
		</view>
		<view class="content">
			<view class="content1">
				为方便公众获取《不动产登记查询证明》，现开通网上在线查询功能。申请人在申请查询前须仔细阅读本须知。
			</view>
			<view class="content1">
				1.不动产产权在山东省内的，均可网上申请查询办理。
			</view>
			<view class="content1">
				2.网上申请采用实名制，申请人必须为不动产权利人本人及其未成年子女
			</view>
			<view class="content1">
				3.本查询记录的信息为房屋登记信息或房地登记信息。
			</view>
			<view class="content1">
				4.网上申请查询后，可以在线下载查询结果记录
			</view>
			<view class="content1">
				5.网上申请不收取任何手续费
			</view>
		</view>
		<view class="prove-bottom">
					<image v-if="show=='0'" class="choose-img" src="../../static/images/realestate/no.png" mode="" @click="showFn('1')"></image>
					<image v-if="show=='1'" class="choose-img" src="../../static/images/realestate/yes.png" mode="" @click="showFn('0')"></image>
					我已阅读并同意
		</view>
		<view class="nack">
			<view class="prove-button-no" v-if="show=='0'">
				下一步
			</view>
			<view class="prove-button" v-if="show=='1'" @click="gotoFn">
				下一步
			</view>
		</view>
	</view>
</template>

<script setup>
	import { onLoad } from '@dcloudio/uni-app';
	import { ref} from 'vue'
	const address=ref('')
	onLoad((options) => {
	    address.value = options.address
	})
	const backFn = () => {
			uni.navigateBack(-1)
		}
		const backSearch=()=>{
			uni.navigateTo({
				url:'/pages/search/search1'
			})
		}
		
		const show=ref('0')
		const showFn=(type)=>{
			show.value=type
		}
		const gotoFn=()=>{
			let a=address.value
			uni.navigateTo({
				url:"/pages/realestate/query?address="+a
			})
		}
</script>

<style scoped lang="scss">
	.search2-top{
		height: 184rpx;
		background: #FFFFFF;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		opacity: 1;
		padding-top: 96rpx;
		display: flex;
		.search2-top-left{
			width: 10%;
			.search2-top-left-img{
				width: 88rpx;
				height: 88rpx;
			}
		}
		.search{
			width: 10%;
			.search-img{
				width: 88rpx;
				height: 88rpx;
			}
		}
		.search2-top-center{
			font-size: 34rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #333333;
			width: 50%;
			padding-left: 38rpx;
			line-height: 88rpx;
		}
		.search2-top-right{
			width: 30%;
			display: flex;
			.search2-top-button{
				width: 88rpx;
				height: 48rpx;
				border-radius: 4rpx 4rpx 4rpx 4rpx;
				opacity: 1;
				border: 2rpx solid #4678F0;
				line-height: 48rpx;
				text-align: center;
				font-size: 26rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				color: #4678F0;
				margin: auto;
				margin-right: 20rpx;
			}
			
		}
		
	}
	.prove-top{
		width: 100%;
		display: flex;
		height: 86rpx;
		background: #3E87FF;
		line-height: 86rpx;
		padding: 0 28rpx;
		.prove-top-right{
			width: 20%;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			.prove-top-back{
				width: 36rpx;
				height: 36rpx;
				vertical-align: middle;
			}
			
		}
		.prove-top-center{
			width: 60%;
			text-align: center;
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			
		}
		.prove-top-left{
			width: 20%;
			position: relative;
			.prove-top-home{
				position: absolute;
				top: 50%;
				right: 0;
				transform: translate(0,-50%);
				width: 40rpx;
				height: 40rpx;
				vertical-align: middle;
				
			}
		}
	}
	.content{
		margin-top: 52rpx;
		padding: 0 47rpx;
		.content1{
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #2B3E50;
			line-height: 53rpx;
		}
	}
	.prove-bottom{
		margin-top: 24rpx;
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #323233;
		text-align: center;
			.choose-img{
				width: 40rpx;
				height: 40rpx;
				padding-right: 16rpx;
				vertical-align: middle;
				
			}

		
	}
	.nack{
		position: relative;
		.prove-button{
			margin-top: 62rpx;
			position: absolute;
			left: 50%;
			top: 0;
			transform: translate(-50%,0);
			width: 642rpx;
			height: 72rpx;
			background: linear-gradient(93deg, #4089FF 0%, #0063FF 100%);
			box-shadow: 0rpx 4rpx 22rpx 0rpx #0465FF;
			border-radius: 36rpx 36rpx 36rpx 36rpx;
			text-align: center;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 72rpx;
			opacity: 1;
			
		}
		.prove-button-no{
		margin-top: 62rpx;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%,0);
		width: 642rpx;
		height: 72rpx;
		background: linear-gradient(93deg, #4089FF 0%, #0063FF 100%);
		box-shadow: 0rpx 4rpx 22rpx 0rpx #0465FF;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		text-align: center;
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 72rpx;
		opacity: 0.5;
			
		}
	}
	
</style>